var startX,endX;
document.addEventListener('touchstart',function(ev){
	startX=ev.touches[0].pageX;
	// alert(1)
},false);
document.addEventListener('touchmove',function(ev){
	endX=ev.touches[0].pageX;

},false);
$.fn.extend({
	imgRoll:function (){
		var $_this=$(this);
		var x=1;
		var anm=true;
		var n=0;
		var timer1=null;
		var imgW=$_this.find('.banner_inner li').width();
		
		$_this.scrollLeft(imgW);//初始位置

		//第三步：复制插入节点
		var fir=$_this.find('.banner_inner li:first').clone();
		var las=$_this.find('.banner_inner li:last').clone();
		$_this.find('.banner_inner').append(fir);
		$_this.find('.banner_inner').prepend(las);

		//第一步：点击数字
		$_this.find('.banner_sign span').click(function (){
			clearInterval(timer1);
			n=$_this.find('.banner_sign span').index(this);
			x=n+1;
			move();
			autoMove();
		})

		//第五步：左滑动
		$_this.on('touchend',function (){
		if(startX-endX<0){
			clearInterval(timer1);
			if (anm) {
				anm=false;
				x--;
				if (x<0) {
					x=$_this.find('.banner_inner li').length-3;
					$_this.scrollLeft(imgW*(x+1));
				};
				n--;
				if (n<0) {
					n=$_this.find('.banner_sign span').length-1;
				};
				move();
			};
			autoMove();
		}
		});

		//第六步：右滑动
		$_this.on("touchend",function (){
		if (startX-endX>0) {
			clearInterval(timer1);
			if (anm) {
				anm=false;
				x++;
				if (x>=$_this.find('.banner_inner li').length) {
					x=2;
					$_this.scrollLeft(imgW);
				};
				n++;
				if (n>=$_this.find('.banner_sign span').length) {
					n=0;
				};
				move();
			};
			autoMove();
		};
		});
		//第二步：自动走
		function autoMove(){
			timer1=setInterval(function (){
				x++;
				if (x>=$_this.find('.banner_inner li').length) {
					x=2;
					$_this.scrollLeft(imgW);
				};
				n++;
				if (n>=$_this.find('.banner_sign span').length) {
					n=0;
				};
				move();
			},5000)
		}
		autoMove();//进入页面执行

		//第四步：提取公用部分
		function move(){
			$_this.find('.banner_sign span').eq(n).addClass('select').siblings().removeClass('select');
			$_this.stop().animate({scrollLeft:imgW*x},function (){
				anm=true;
			});
		}
	}
})